<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>OR | OH</title>
        <link rel="icon" type="image/png" href="img/favicon.png" />
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/carousel.css" rel="stylesheet">
        <link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
    </head>
    <body>
        <!-- NAVBAR -->
        <div class="overlay-blur"></div>
        <div class="navbar navbar-fixed-top">
            
            <div class="navbar-header">
                <a href="index.php" class="navbar-brand">
                    <img src="img/logo.png" alt="KomNet Logo" />
                </a>
            </div>
            <nav class="navbar-collapse collapse" id="main-nav" role="navigation">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#OH">OPEN HOUSE</a></li>
                    <li><a href="#OR">OPREC</a></li>
                    <li><a href="#OR" > <i class="fa fa-home fa-lg"></i></a></li>
                </ul>
            </nav>
        </div>
        <!-- END NAVBAR -->

        <!-- Carousel
    ================================================== -->
        <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">

            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
                <li data-target="#bs-carousel" data-slide-to="1"></li>
                <li data-target="#bs-carousel" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item slides active">
                    <div class="slide-1"><div class="overlay"></div></div>
                    <div class="hero">
                        <hgroup>
                            <h1>Kami <br>Mengkaji</h1>        
                            <h3>We Learn The Next</h3>
                        </hgroup>
                        <button class="btn btn-hero btn-lg" role="button">See all features</button>
                    </div>
                </div>
                <div class="item slides">
                    <div class="slide-2"><div class="overlay"></div></div>
                    <div class="hero">        
                        <hgroup>
                            <h1>Kami Mengajar</h1>        
                            <h3>We Share The Next</h3>
                        </hgroup>       
                        <button class="btn btn-hero btn-lg" role="button">See all features</button>
                    </div>
                </div>
                <div class="item slides">
                    <div class="slide-3"><div class="overlay"></div></div>
                    <div class="hero">        
                        <hgroup>
                            <h1>Kami<br> Develop</h1>        
                            <h3>We Build The Next</h3>
                        </hgroup>
                        <button class="btn btn-hero btn-lg" role="button">See all features</button>
                    </div>
                </div>
            </div> 
        </div>
        <!-- /.carousel -->

        <?php
// put your code here
        ?>
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>
